<style >

</style>

<template>
  <a-layout>
    <!-- 头部组件MainHeaderView -->
    <MainHerderView></MainHerderView>
    <a-layout>
      <!-- side组件MainSiderView -->
      <MainSiderView></MainSiderView>
      <a-layout-content style="{background: '#fff',padding:'2px'}">
        <!-- 根据子路由动态加载内容 -->
        <router-view/>
      </a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script>
  import {defineComponent} from 'vue';
  import MainHerderView from '@/components/MainHerderView.vue';
  import MainSiderView from '@/components/MainSiderView.vue'
  
  export default defineComponent({
    components:{
      MainHerderView,
      MainSiderView
    },

  setup() {
    

    return {
      
    };
  },
});
</script>

